﻿<!DOCTYPE html>
<html ng-app="Todos" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>angular fire</title>

    <!-- AngularJS -->
    <script src="Scripts/angular.min.js"></script>
    <script src="Scripts/angular-ui/ui-bootstrap.js"></script>
    <script src="Scripts/angular-ui/ui-bootstrap-tpls.min.js"></script>
    <script src="Scripts/angular-route.js"></script>

    <!-- Firebase -->
    <script src="https://cdn.firebase.com/js/client/2.2.2/firebase.js"></script>
    <!-- AngularFire -->
    <script src="https://cdn.firebase.com/libs/angularfire/1.0.0/angularfire.min.js"></script>
</head>
<body ng-controller="HomeController">


    <div>
        <input type="text" ng-model="inputTask" />
        <input type="checkbox" ng-model="inputCompleted" />
        <button ng-click="addTask()">Click Me</button>
    </div>

    <table>
        <tr>
            <th>id</th>
            <th>Task</th>
            <th>Done?</th>
        </tr>
        <tr ng-repeat="t in todos">
            <td>{{$index}}</td>
            <td>{{t.task}}</td>
            <td>{{t.isCompleted}}</td>
        </tr>
    </table>

    <script src="app/myApp.js"></script>
</body>
</html>
